<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>
            <?php echo ($title); ?>
        </title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="format-detection" content="telephone=no">
        <link rel="stylesheet" href="/task/laybbs/Public/css/x-admin.css" media="all">
        <script src="/task/laybbs/Public/jquery-3.1.1.min.js" charset="utf-8"></script>
        <script src="/task/laybbs/Public/lib/layui/layui.js" charset="utf-8"></script>
        <script src="/task/laybbs/Public/js/x-layui.js" charset="utf-8"></script>
        <script src="/task/laybbs/Public/js/x-admin.js"></script>
    </head>
    <body>
    <div class="x-nav">
        <span class="layui-breadcrumb">
          <a><cite>首页</cite></a>
          <a><cite>会员管理</cite></a>
          <a><cite>权限分类</cite></a>
        </span>
        <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"  href="javascript:location.replace(location.href);" title="刷新"><i class="layui-icon" style="line-height:30px">ဂ</i></a>
    </div>
    <div class="x-body">
        <form class="layui-form x-center" action="" style="width:40%">
            <div class="layui-form-pane" style="margin-top: 15px;">
              <div class="layui-form-item">
                <label class="layui-form-label">分类名</label>
                <div class="layui-input-inline">
                  <input type="text" name="ctitle"  placeholder="分类名" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-input-inline" style="width:80px">
                    <button class="layui-btn"  lay-submit="" lay-filter="cate-add"><i class="layui-icon">&#xe608;</i>添加</button>
                </div>
              </div>
            </div> 
        </form>
        <xblock><button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon">&#xe640;</i>批量删除</button><span class="x-right" style="line-height:40px">共有数据：<?php echo ($count); ?> 条</span></xblock>
        <table class="layui-table">
            <thead>
                <tr>
                    <th>
                        <input type="checkbox" name="select-all" value="" id="select-all">
                    </th>
                    <th>
                        ID
                    </th>
                    <th>
                        分类名
                    </th>
                    <th>
                        操作
                    </th>
                </tr>
            </thead>
            <tbody id="x-link">
            <?php foreach ($auth_category as $ack => $acv): ?>
                <tr>
                    <td>
                        <input type="checkbox" value="<?php echo ($acv['id']); ?>" name="selected" class="selected">
                    </td>
                    <td>
                        <?php echo ($acv['id']); ?>
                    </td>
                    <td>
                        <?php echo ($acv['ctitle']); ?>
                    </td>
                    <td class="td-manage">
                        <a title="编辑" href="javascript:;" onclick="cate_edit('编辑管理员权限分类','<?php echo U('admin/admin/cate_edit',array('id'=>$acv['id'],'key'=>$ack));?>','450','300')"
                        class="ml-5" style="text-decoration:none">
                            <i class="layui-icon">&#xe642;</i>
                        </a>
                        <a title="删除" href="javascript:;" onclick="cate_del(this,<?php echo ($acv['id']); ?>)" 
                        style="text-decoration:none">
                            <i class="layui-icon">&#xe640;</i>
                        </a>
                    </td>
                </tr>
            <?php endforeach ?>
            </tbody>
        </table>
    </div>
    <script>
        layui.use(['element','laypage','layer','form'], function(){
            $ = layui.jquery;//jquery
          lement = layui.element();//面包导航
          laypage = layui.laypage;//分页
          layer = layui.layer;//弹出层
          form = layui.form();//弹出层

          //监听提交
          form.on('submit(cate-add)', function(data){
            //发异步，把数据提交给php
            $.post('<?php echo U("admin/admin/cate_add");?>', {data: data.field}, function(response) {
                if (response.type == 1) {
                    console.log(response);
                    layer.alert(response.data.info, {icon: 6});
                    $('#x-link').prepend('<tr><td><input type="checkbox"value="'+response.data.id+'"name="selected"class="selected"></td><td>'+response.data.id+'</td><td>'+response.data.adddata.ctitle+'</td><td class="td-manage"><a title="编辑"href="javascript:;"onclick="cate_edit(\'编辑管理员权限分类\',\''+response.data.url+'\',\'450\',\'300\')"class="ml-5"style="text-decoration:none"><i class="layui-icon">&#xe642;</i></a><a title="删除"href="javascript:;"onclick="cate_del(this,'+response.data.id+')"style="text-decoration:none"><i class="layui-icon">&#xe640;</i></a></td></tr>');
                } else if(response.type == 0) {
                    layer.msg(response.info, {icon: 5});
                }
            });
            return false;
          });
        });

          //以上模块根据需要引入

        //批量删除提交
        function delAll () {
            // console.log();
            layer.confirm('确认要删除吗？',function(index){
                //捉到所有被选中的，发异步进行删除
                var id = '';
                $($("input.selected:checked")).each(function(){
                    id+=this.value + ',';    //遍历被选中CheckBox元素的集合 得到Value值
                });
                id=id.substring(0,id.length-1)
                if (id=='' || id==undefined || id==null) {
                    layer.msg('至少选择一条删除项', {icon: 2});
                    return false;
                }
                $.post('<?php echo U("admin/admin/cate_del");?>', {del: id}, function(response) {
                    if (response.type == 1) {
                        layer.msg(response.info, {icon: 1});
                        window.location.reload();
                    } else if(response.type == 0) {
                        layer.msg(response.info, {icon: 2});
                    }
                });
            });
         }
        
        //全选
        $('#select-all').on('click', function () {
            if ($(this).is(':checked')) {
                $('.selected').prop("checked",true);
                $(this).prop("checked",'checked',true);
            } else {
                $(this).prop('checked',false);
                $('.selected').prop('checked',false);
            }
        });
        //单选(全选后取消一项全选按钮个勾选状态消失)
        $("#x-link").on("change",".selected", function() {
            var count = $(".selected:checked").length;
            if (count == $('tr').length - 1) {
                $('#select-all').prop('checked',true);
            } else {
                $('#select-all').prop('checked',false);
            }
        });

        //-编辑
        function cate_edit (title,url,w,h) {
            x_admin_show(title,url,w,h); 
        }
        
        /*删除*/
        function cate_del(obj,id){
            layer.confirm('确认要删除吗？',function(index){
                //发异步删除数据
                $.post('<?php echo U("admin/admin/cate_del");?>', {del: id}, function(response) {
                    if (response.type == 1) {
                        layer.msg(response.info,{icon:1});
                        $(obj).parents("tr").remove();
                    }else if(response.type == 0){
                        layer.msg(response.info,{icon:2});
                    }
                });
            });
        }
    </script>
</body>
</html>